<template>
  <el-tree
    :data="data"
    :props="defaultProps"
    accordion
    @node-click="handleNodeClick">
  </el-tree>
</template>

<script>
export default {
  data () {
    return {
      data: [{
        label: '车辆管理',
        children: [{
          label: '品牌列表'
        }, {
          label: '车型列表'
        }, {
          label: '车辆列表'
        }, {
          label: '库存列表'
        }, {
          label: '保险列表'
        }, {
          label: '设备列表'
        }, {
          label: '拍照列表'
        }, {
          label: '维修列表'
        }, {
          label: '违章列表'
        }, {
          label: '理赔列表'
        }]
      }, {
        label: '产品管理',
        children: [{
          label: '产品列表'
        }]
      }, {
        label: '会员等级管理',
        children: [{
          label: '会员等级类型列表'
        }, {
          label: '会员等级列表'
        }]
      }, {
        label: '用户管理',
        children: [{
          label: '用户列表'
        }, {
          label: '充值记录列表'
        }]
      }, {
        label: '管家管理',
        children: [{
          label: '管家列表'
        }, {
          label: '车检列表'
        }]
      }, {
        label: '代金券列表',
        children: [{
          label: '代金券列表'
        }, {
          label: '发代金券'
        }]
      }, {
        label: '订单管理',
        children: [{
          label: '订单列表'
        }]
      }, {
        label: '退改规则列表',
        children: [{
          label: '退改规则列表'
        }]
      }, {
        label: '服务合约管理',
        children: [{
          label: '服务合约管理'
        }]
      }],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  methods: {
    handleNodeClick (data) {
      let navName = data['label']
      this.$emit('asideNav', navName)
    }
  }
}
</script>
